
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<title>세계문화 예술주간</title>
<link type="text/css" href="/web/css/reset.css" rel="stylesheet" />
<link type="text/css" href="/web/css/basic.css" rel="stylesheet" />
<link type="text/css" href="/web/css/main.css" rel="stylesheet" />
<script type="text/javascript" src="/web/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/web/js/jquery.blueberry.js"></script>
</head>

<script>
$(window).load(function() {
    $('.blueberry').blueberry();
});
</script>

<body>
<div class="wrap">
<!--header start-->
    <div class="header_wrap">
        <div class="header">
            <h1><a href="#"><img src="/web/images/logo.jpg" alt="2014 세계문화예술교육 주간"></a></h1>
            <div class="home_site">
                <span><a href="#">HOME</a></span> <a href="#">SITEMAP</a>
            </div>
            <div class="sns">
                <span><a href="https://www.facebook.com/artejockey"><img src="/web/images/icon_fb.png" alt="페이스북 연결" /></a></span>
                <span><a href="https://twitter.com/artejockey"><img src="/web/images/icon_tw.png" alt="트위터 연결" /></a></span>               
            </div>
        </div>
        <div class="menu_wrap">
            <div class="menu">
                <ul class="menu_list">
                    <li class="active"><a href="#">세계문화예술교유 주간 소개</a></li>
                    <li><a href="#">사전 캠페인</a></li>
                    <li><a href="#">프로그램</a></li>
                    <li><a href="#">프로그램신청</a></li>
                    <li><a href="#">공지사항</a></li>
                    <li><a href="#">사진동영상</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--header end-->   
    <!--contents start-->
    <div class="contents">
        <section class="main_slider">
            <div  class="blueberry">
                <ul class="slides">
                    <li><img src="/web/images/main_1.jpg" alt="" /></li>
                    <li><img src="/web/images/main_2.jpg" alt="" /></li>
                    <li><img src="/web/images/main_3.jpg" alt="" /></li>
                    <li><img src="/web/images/main_4.jpg" alt="" /></li>
                    <li><img src="/web/images/main_5.jpg" alt="" /></li>
                    <li><img src="/web/images/main_6.jpg" alt="" /></li>
                    <li><img src="/web/images/main_7.jpg" alt="" /></li>
                    <li><img src="/web/images/main_1.jpg" alt="" /></li>
                    <li><img src="/web/images/main_1.jpg" alt="" /></li>
                </ul>
                 <ul class="pager">
                    <li class="first"><a href="#"><span>세계문화예술교육주간</span></a></li>
                    <li><a href="#"><span>5월 18일(일)</span></a></li>
                    <li><a href="#"><span>5월 19일(월)</span></a></li>
                    <li><a href="#"><span>5월 20일(화)</span></a></li>
                    <li><a href="#"><span>5월 21일(수)</span></a></li>
                    <li><a href="#"><span>5월 22일(목)</span></a></li>
                    <li><a href="#"><span>5월 23일(토)</span></a></li>
                  </ul>
            </div>
        </section>
        <div class="program">
            <h3><img src="/web/images/program_title.png" alt="프로그램" /> <span>2014 세계문화예술교육 주간소개의 프로그램을 소개합니다.</span></h3>
            <ul>
                <li><a href="#"><img src="/web/images/program1.jpg" alt="주간행사 소개" /></a></li>
                <li><a href="#"><img src="/web/images/program2.jpg" alt="프로그램 신청" /></a></li>
                <li><a href="#"><img src="/web/images/program3.jpg" alt="유형별 프로그램" /></a></li>
                <li class="last"><a href="#"><img src="/web/images/program4.jpg" alt="장소별 프로그램" /></a></li>
            </ul>
        </div>

        <section class="bbs_wrap">
            <div class="notice">
                <span>공지사항</span><span>Notice</span><span>안녕하세요. 2014 세계문화예술교육 주간 홈페이지가 오픈하였습니다.</span>
                <div class="list_navi">
                    <span>2014.03.20</span>
                    <span><a href="#"><img src="/web/images/icon_list.gif" alt="공지사항 리스트" /></a></span>
                </div>
            </div>
            <div class="photo">
                <span>사진첩</span><span>Photo</span>
                <div class="photo_list_back">
                    <ul>
                        <li><a href="#"><img src="/web/images/photo1.png" alt="사진1" /></a></li>
                        <li><a href="#"><img src="/web/images/photo1.png" alt="사진2" /></a></li>
                        <li class="last"><a href="#"><img src="/web/images/photo1.png" alt="사진3" /></a></li>
                    </ul>
                </div>
                <div class="list_navi">
                    <span><a href="#"><img src="/web/images/icon_list.gif" alt="사진첩 더보기" /></a></span>
                </div>              
            </div>
            <div class="video">
                <span>동영상</span> <span>Video</span>
                <div class="video_list_back">
                    <ul>
                        <li><a href="#"><img src="/web/images/vedio1.png" alt="동영상1" /></a></li>
                        <li><a href="#"><img src="/web/images/vedio1.png" alt="동영상1" /></a></li>
                    </ul>
                </div>
                <div class="list_navi">
                <span><a href="#"><img src="/web/images/icon_list.gif" alt="동영상 더보기" /></a></span>
                </div>              
            </div>
            <div class="banner">
                <a href="#"><img src="/web/images/banner.jpg" alt="당신의 말을 기억하게 되는 날" /></a>
            </div>
        </section>
        
    </div>
    <!--contents end-->

    <!--footer start-->
    <div class="footer_wrap">
        <div class="footer">
            <p><img src="/web/images/footer_logo.jpg" alt="세계문화 예술교육 주간" /></p>
            <ul>
                <li><a href="#"><img src="/web/images/footer_link1.jpg" alt="문화체육관광부" /></a></li>
                <li><a href="#"><img src="/web/images/footer_link2.jpg" alt="한국문화예술교육진흥원 " /></a></li>
                <li><a href="#"><img src="/web/images/footer_link3.png" alt="" /></a></li>
            </ul>
        </div>
        
    </div>
<!--wrap end-->
</div>
</body>
</html>